<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/common.css">
</head>
<body>
<script src="https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!--导航-->
<div id="allheader" class="container-full allheader-index">
    <div class="header-mark"></div>
    <div class="header-mark-bot"></div>
    <div class="container-full header clearfix">
        <div class="container-full top header-nav">
            <div class="container padding-right-clear">
                <div class="col-xs-12 padding-right-clear">
                    <div class="navbar">
                        <div class="nav-header navbar-default">
                            <a href="#" class="navbar-brand">
                                <img src="../image/logo.png" alt="玉葡萄">
                            </a>
                        </div>
                        <div class="collapse navbar-collapse navbar-right">
                            <ul class="nav navbar-nav">
                                <li><a href="index.html">首页
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                                <li><a href="">交易中心
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                                <li class="active"><a href="">财务中心
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                                <li><a href="">行情中心
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                                <li><a href="">活动中心
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                                <li><a href="">个人中心
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                            </ul>
                            <div class="login clearfix">
                                <div class="log-mark"></div>
                                <div class="log-con">
                                    <a href="login.html" class="log-item">登录</a>
                                    <span class="log-item">|</span>
                                    <a href="register.html" class="log-item">注册</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--滚动信息栏-->
<div class="container-full notice">
    <div class="container text-center">
        <marquee direction="up" height="30" scrollamount="1" scrolldelay="50">
            <ul>
                <li class="notice-style">
                    <p style="display: block;">
                        <a href="">
                            <i class="notice-item-icon"></i>
                            <span>网银在线支付各银行限额表</span>
                        </a>
                    </p>

                </li>
                <li class="notice-style">
                    <p style="display: block;">
                        <a href="">
                            <i class="notice-item-icon"></i>
                            <span>
                        关于域名转出和人民币提现的最新...
                        </span>
                        </a>
                    </p>

                </li>
            </ul>
        </marquee>
    </div>
</div>
<!--内容-->
<div class="container-full padding-top-40">
    <div class="container">
        <!--左侧列表导航-->
        <div class="col-xs-2 list" style="height: 1615px;">
            <ul class="nav nav-pills nav-stacked">
                <span class="list-title"><i class="list-icon protect"></i>财务管理</span>
                <li><a href="index.html">个人资产</a></li>
                <li><a href="yumibao.html">玉米宝</a></li>
                <li><a href="leverquota.html">杠杆额度</a></li>
                <li class="active"><a href="#">充值</a></li>
                <li><a href="">提现</a></li>
                <li><a href="">域名转入</a></li>
                <li><a href="">域名转出</a></li>
                <li><a href="">账单明细</a></li>
                <li><a href="">持仓收费</a></li>
                <li><a href="">资金账号</a></li>
            </ul>
        </div>
        <!--右侧内容-->
        <div class="col-xs-10 padding-right-clear right-height">
            <div class="col-xs-12 padding-right-clear padding-left-clear right-area recharge" style="height: 1615px;">
                <div class="col-xs-12 rightarea-con">
                    <ul class="nav nav-tabs rightarea-tabs">
                        <li class="active">
                            <a href="#">人民币充值</a>
                        </li>
                    </ul>
                    <div class="col-xs-12 padding-right-clear padding-left-clear padding-top-40">
                        <a href="#" class="recharge-type alipay"></a>
                        <a href="recharge1.html" class="recharge-type bank"></a>
                        <a href="recharge2.html" class="recharge-type onlinebank active"></a>
                    </div>
                    <div class="col-xs-12 padding-top-40" style="padding-right: 0px;padding-left: 0px;">
                        <div class="recharge-box padding-top-30">
                            <div class="col-xs-12 padding-clear">
                                <div id="recharge1" class="col-xs-8 padding-clear form-horizontal">
                                    <div class="form-group">
                                        <label for="diyMoney" class="col-xs-2 control-label">充值金额</label>
                                        <div class="col-xs-6">
                                            <input type="text" id="diyMoney" class="form-control">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-2 control-label">到账时间</label>
                                        <div class="col-xs-6">
                                            <span class="control-label border-f9f">实时到账<span
                                                    class="text-danger border-f9f">(建议使用360安全浏览器在线充值)</span>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-2 control-label">实际到账</label>
                                        <div class="col-xs-6">
                                            <span class="form-control text-danger border-f9f"><span
                                                    style="font-size: 16px;font-weight: bold;">0</span>CNY
                                            </span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-2 control-label">选择银行</label>
                                        <div class="col-xs-10">
                                            <input type="hidden" id="bankid" value="0">
                                            <i class="bank-item bank-icbc" data-fid="34">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                            <i class="bank-item bank-abc" data-fid="33">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                            <i class="bank-item bank-boc" data-fid="32">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                            <i class="bank-item bank-ccb" data-fid="31">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                            <i class="bank-item bank-comm" data-fid="30">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                            <i class="bank-item bank-cmb" data-fid="29">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                            <i class="bank-item bank-ceb" data-fid="28">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                            <i class="bank-item bank-hxb" data-fid="27">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                            <i class="bank-item bank-cmsb" data-fid="26">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                            <i class="bank-item bank-spdb" data-fid="25">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                            <i class="bank-item bank-cgb" data-fid="24">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                            <i class="bank-item bank-cncb" data-fid="23">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                            <i class="bank-item bank-bjb" data-fid="22">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                            <i class="bank-item bank-pab" data-fid="21">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                            <i class="bank-item bank-psbc" data-fid="20">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                            <i class="bank-item bank-shb" data-fid="19">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                            <i class="bank-item bank-cib" data-fid="18">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                            <i class="bank-item bank-nbcb" data-fid="14">
                                                <span class="bank-item-checked"></span>
                                            </i>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xs-4 paddign-clear text-center">
                                    <a href="" target="_blank" class="recharge-help"></a>
                                </div>
                                <div class="col-xs-8 padding-clear form-horizontal">
                                    <div class="form-group">
                                        <label class="col-xs-2 control-label"></label>
                                        <div class="col-xs-10">
                                            <span class="text-danger"></span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="rechargebtn" class="col-xs-2 control-label"></label>
                                        <div class="col-xs-6">
                                            <a href="" id="rechargebtn" class="btn btn-danger btn-block">确定充值</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 padding-clear padding-top-30 padding-bottom-30">
                            <div class="panel panel-tips">
                                <div class="panel-header text-center text-danger">
                                    <span class="panel-title">充值须知</span>
                                </div>
                                <div class="panel-body">
                                    <p>< 目前支持国内所有主流银行网银在线充值，因银行系统对Chrome、火狐等浏览器支持不友好，建议使用360安全浏览器进行充值。</p>
                                    <p>< 充值及时到账，目前支持多家银行在线充值服务。</p>
                                    <p>< 目前仅支持 100元以上汇款，100元以下汇款不予处理。</p>
                                    <p>< 根据监管部门反洗钱规定，可能会要求您提供身份证明、资金来源证明等材料。</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 padding-clear padding-top-30">
                            <div class="panel border">
                                <div class="panel-heading" role="tab" id="headingOne">
                                    <h5 class="panel-title" style="font-size: 12px;">
                                        <span class="text-danger">人民币充值记录</span>
                                        <a role="button" class="pull-right recordtitle" data-toggle="collapse"
                                           aria-expanded="true" href="#collapseOne" aria-controls="collapseOne">收起
                                            -</a>
                                    </h5>
                                </div>
                                <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel"
                                     aria-labelledby="headingOne">
                                    <div class="panel-body" id="recorgbody">
                                        <table class="table">
                                            <tbody>
                                            <tr>
                                                <td>订单号</td>
                                                <td>充值时间</td>
                                                <td>充值方式</td>
                                                <td>充值金额(￥)</td>
                                                <td>状态</td>
                                                <td>操作</td>
                                            </tr>
                                            <tr>
                                                <td align="center" colspan="6" class="no-data-tips">
                                                    <span>您暂时没有充值数据</span>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<!--页脚-->
<div id="allfooter" class="container-full footer" style="position: static;">
    <div class="container footer-top">
        <div class="row col-xs-12 text-center">
            <div class="footer-left-top">
                <a href="" target="_blank">关于我们</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">使用帮助</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">联系我们</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">在线问答</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">费率说明</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">法律声明</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">商务合作</a>
                <span class="plist max">|</span>
            </div>
            <div class="footer-left-con">
                    <span class="plist">
                        <a href="" target="_blank">友情链接</a>
                    </span>
                <span class="plist">
                        <a href="" target="_blank">火币网</a>
                    </span>
                <span class="plist">
                        <a href="" target="_blank">域名城</a>
                    </span>
                <span class="plist">
                        <a href="" target="_blank">阿里云</a>
                    </span>
                <span class="plist">
                        <a href="" target="_blank">易名中国</a>
                    </span>
                <span class="plist">
                        <a href="" target="_blank">金色财经</a>
                    </span>
            </div>
            <div class="footer-left-bot">
                <div class="footer-bot">
                        <span>
                            ©2017&nbsp;
                            玉葡萄&nbsp;
                            YPT.COM&nbsp;
                            京ICP备17037802号
                        </span>
                </div>
            </div>

        </div>
    </div>
</div>
<!--帮助按钮-->
<div class="help">
    <ul class="help_list">
        <li>
            <a href="#" target="_blank">
                <span>在线问答</span>
                <i class="fix_help"></i>
            </a>
        </li>
        <li>
            <a href="#" target="_blank">
                <span>在线客服</span>
                <i class="use_help"></i>
            </a>
        </li>
        <li>
            <span>400-772-5979</span>
            <i class="tel_help"></i>
        </li>
    </ul>
</div>
</body>
</html>